<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>jquery ajax</title>
		<style>
			*{
				margin: 0;
				padding: 0;
				list-style: none;
			}
			body{
				background-image: url(imges/index-dm01.jpg);
			}
			.copy{
				/* border: 1px solid #666666; */
				width: 300px;
				height: 100px;
				position: absolute;
				left: 40%;
				top: 30%;
			}
			a{
				text-decoration: none;
				font-size: 18px;
				color: #000000;
				opacity: 0.5;
			}
			h1{
				opacity: 0.5;
				margin-left: 30px;
			}
			.copy div{
				border: 1px solid black;
				width: 300px;
			}
		</style>
	</head>
	<body>
		<div class="copy">
			<h1>Hello World</h1>
			<div><a href="01-post和get方法.html">01-post和get方法.html</a><br /></div>
			<div><a href="02-ajaxStart和ajaxComplete.html">02-ajaxStart和ajaxComplete.html</a><br /></div>
			<div><a href="03-jqueryUI.html">03-jqueryUI.html</a><br /></div>
            <div><a href="04-jquery插件.html">04-jquery插件.html</a><br /></div>
            <div><a href="05-jquery复杂插件.html">05-jquery复杂插件.html</a></div>
		</div>

	</body>
	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
	<script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
	<script>
		$(document).ready(function(){
			$(".copy").draggable();
		})
	</script>
</html>
